body{
    background-color:#F4F4F4;
}
.layui-container{
    padding: 0;
}
.header{
    height: 60px;
    width: 100%;
    overflow: hidden;
    border-top: 5px solid #0C94EC;
    position: fixed;
    top:0;
    z-index: 199815;
}
.header,
.nav .layui-nav{
    background-color: white;
}

.nav .layui-nav{
    border-radius:unset;
}
.nav .layui-layout-left{
    left: 0;
}
.nav * a{
    color: black !important;
}
.nav .layui-this a{
    color: #ff6a00 !important;
}
.nav .layui-this:after{
    height: 0;
}
.nav .layui-nav-bar{
    height:100%;
    opacity: 0.3 !important;
    background-color: black;
}

.header .layui-layout-left a{
    position: relative;
}
.header .nav-round{
    display: inline-block;
    width: 34px;
    line-height: 18px;
    height: 18px;
    background-color: #FD482C;
    position: absolute;
    right: -1px;
    top: 5px;
    text-align: center;
    font-size: 12px;
    color: white;
    border-radius: 2px;
    /*animation: blink .75s linear infinite;*/
    /* 其它浏览器兼容性前缀 */
    /*-webkit-animation: blink 1.75s linear infinite;
    -moz-animation: blink 1.75s linear infinite;
    -ms-animation: blink 1.75s linear infinite;
    -o-animation: blink 1.75s linear infinite;*/
}

@keyframes animated-border {
    0% {  box-shadow: 0 0 0 0 rgba(255,255,255,0.4);   }
    100% {  box-shadow: 0 0 0 20px rgba(255,255,255,0);   }
}

@keyframes blink{
    0%{opacity: 1;}
    50%{opacity: 1;}
    50.01%{opacity: 0;} /* 注意这里定义50.01%立刻透明度为０，可以设置闪烁效果 */
    100%{opacity: 0;}
}

/* 添加兼容性前缀 */

@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}



.bt{
    margin-bottom: 30px;
    margin-top: 30px;
}
.bt span{
    font-size: 16px;
}
.panel{
    background-color: white;
    min-height: 10px;
}
.logo{
    margin-left: -20px;
}
.logo a{
    font-size: 28px;
    font-weight: 700;
    padding-left: 0 !important;
}
.clear-both{
    clear: both;
}
.footer{
    margin-top: 15px;
    background-color: #373D41;
    color: #73777A;
}
.footer ul li{
    line-height: 30px;
}
.footer ul li:first-child{
    font-size: 18px;
}
.nav-righ-fixed{
    width:30px;
    position: fixed;
    background-color: white;
    overflow: hidden;
    right: 150px;
    top:30%;
    text-align: center;
    padding: 10px;
    box-shadow: 0px 1px 1px 1px gainsboro;

}
.nav-righ-fixed .item{
    display: block;
    text-align: center;
    width: 30px;
    border-bottom: 1px dashed grey;
    margin-bottom: 15px;
}
.nav-righ-fixed .item:last-child{
    margin-bottom: 0;
}
.nav-righ-fixed .item .kflist{
    display: none;
}


body .base-skin .layui-layer-title{
    background:#01aaed;
    color:#fff;
    border: none;
}

body .base-skin .layui-layer-content ul li{
    padding-left:10px ;
    padding-right: 10px;
    line-height: 40px;
    font-size: 16px;
}
body .base-skin .layui-layer-content ul li .icon-kefu{
    font-size: 24px;
}
body .base-skin .layui-layer-content ul li .online{
    font-size: 14px;
    color: red;
}

.message {
    padding: 10px;
    background-color: white;
}
.message ul li a{
    position: relative;
    height: 40px;
    line-height: 40px;
    padding-right: 130px;
    overflow: hidden;
    border-bottom: 1px dashed grey;
    display: block;
}
.message ul li a .date{
    position: absolute;
    right: 0;
    top:0;
}
.debug{
    background-color: white;
    padding: 10px;
}
.slide{
    margin-top: 70px;
}


.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 22px 0;
    border-radius: 0;
}
.pagination>li {
    display: inline;
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
    color: #dfdfdf;
    background-color: #fff;
    border-color: #eaeeef;
    cursor: not-allowed;
}
.pagination>.active>span{
    color: #dfdfdf;
    background-color: #fff;
    border-color: #eaeeef;
    cursor: not-allowed;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.5;
    text-decoration: none;
    color: #ff5a05;
    background-color: #fff;
    border: 1px solid #eaeeef;
    margin-left: -1px;
}

.collcetion{
    display: none;
}
.colshow{
    display: inline-block;
}





/*主页样式 开始*/
#slide-cont{
    height: 480px;
    width:100%;
    overflow: hidden;
}
#slide-cont img{
    height: 480px;
    /*max-width: 100%;*/
    width: 100%;
}




.blog{
    padding-left:10px ;
    padding-right: 10px;
    height: 555px;
}
.blog .layui-tab{
    margin-top: 0;
}
.blog p{
    color: #979292;
}
.blog-more{
    display: block;
    width: 100%;
    border-top: 1px solid #BBBBBB;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-weight: 500;
}
.blog .layui-tab-content{
    padding-bottom: 0 !important;
}
.blog .layui-timeline-item:last-child{
    padding-bottom: 0;
}
.blog .cate-left{
    float: left;
}
.blog .cate-right{
    float: left;
}
.blog .cate-right ul li{
    text-indent: 15px;
    height: 48px;
    overflow: hidden;
    font-size: 16px;
    line-height: 48px;
}
.blog-right h3{
    line-height: 50px;
}
.blog-right ul li{
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}
.app{
    padding-top: 5px;
    padding-left:10px ;
    padding-right: 10px;
    height: 495px;
    overflow: hidden;
}
.app-left ol{
    padding-left: 10px;
    padding-right: 10px;
}
.app-left ol li{
    height: 140px;
    overflow: hidden;
}
.app-left ol li a{
    display: block;
    position: relative;
}
.app-left ol li a img{
    height: 140px;
    width: 100%;
}
.app-left ol li a .title{
    height: 20px;
    background-color: black;
    opacity:0.5;
    color: white;
    text-align: center;
    width: 99%;
    position: absolute;
    bottom:10px;
    right:0;
}
.app-left ol li:nth-child(odd){
    padding-left: 0;
}
.app-left ol li:nth-child(even){
    padding-left: 0;
}

.app-right h3{
    line-height: 50px;
}
.app-right .ta{
    display: block;
    padding-left:40px ;
    position: relative;
}
.app-right ol li{
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin-bottom: 15px;
}
.app-right ol li:nth-child(1) a{
    color: red ;
}
.app-right ol li:nth-child(2) a{
    color: #1e9fff ;
}
.app-right ol li:nth-child(3) a{
    color: #5fb878 ;
}
.app-right ol li:nth-child(1) .ta .sort{
    background-color: red;
}
.app-right ol li:nth-child(2) .ta .sort{
    background-color:  #1e9fff ;
}
.app-right ol li:nth-child(3) .ta .sort{
    background-color:  #5fb878 ;
}
.app-right .ta p{
    display: flex;
    justify-content: space-between;
}
.app-right .ta .sort{
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    text-align: center;
    line-height: 30px;
    background-color: grey;
    font-size: 16px;
    color: white;
    font-weight: 700;
    position: absolute;
    left: 0;
}

.link{
    padding-top: 5px;
    padding-left:10px ;
    padding-right: 10px;
    height: 320px;
    overflow-y: auto;
}
.link-left ul li{
    height: 50px;
    line-height: 50px;
    position: relative;
    padding-left: 20px;
    font-size: 16px;
    border-bottom: 1px dotted grey;
}
.link-left ul li .i{
    position: absolute;
    left: 0;
}
.link-left ul li p{
    display: flex;
    justify-content: space-between;
}
.link-right h3{
    line-height: 50px;
}
.link-right .office-desc{
    font-size: 14px;
}
.link-right .office-img img{
    width: 250px;
    height: 250px;
}
.ad{
    margin-top: 15px;
}

.ad ul li{
    margin-top: 15px;
    position: relative;
}
.ad .ad-mbox{
    width: 50px;
    height: 20px;
    color: white;
    position: absolute;
    top:0;
    right: 0;
    line-height: 20px;
    background-color: black;
    opacity: 0.5;
    text-align: center;
    font-weight: 700;
}

.ad img{
    width: 100%;
    height: 100px;
}
/*主页样式结束*/

















/*blog css*/
.blog-main{
    margin-top: 80px;
}
.blog-main .panel{
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.blog-main .cate{
    padding-top: 10px;
    text-align: center;
    padding-bottom: 10px;
}
.blog-main .cate ul li{
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    overflow: hidden;
    font-weight: 500;
}
.blog-main .panel .title{
    margin-bottom: 5px;
}
.blog-main .panel .title h2{
    color: #ED4040;
    font-size: 24px;
}
.blog-main .cate-parent{
    background-color: #ED4040;
}
.blog-main .cate-parent a{
    color: white;
}
.blog-main .page{
    display: flex;
    justify-content: space-between;
    line-height: 40px;
    text-align: center;
}
.blog-main .art-content .collection{
    text-align: center;
}

.blog-main .art ol li{
    display: inline-flex;
    width: 100%;
}
.blog-main .art-left ,
.blog-main .art-right{
    float: left;
}
.blog-main .art-left{
    margin-right: 15px;
}
.blog-main .art-left img{
    width: 200px;
    height:130px;
}
.blog-main .art-right .art-title{

}
.blog-main .art-right{
    position: relative;
    height: 130px;
    overflow: hidden;
    width: 100%;

}
.blog-main .art-right .art-desc{
    margin-top: 10px;
    color: #979292;
    font-size: 14px;
    line-height: 35px;
}
.blog-main .art-right .art-attr{
    position: absolute;
    bottom: 5px;
    width:100%;
    background-color: white;
}
.blog-main .art-right .art-attr span{
    display: inline-block;
    margin-right: 10px;
}
.blog-main .art-right .art-attr .author{
    color:#ED4040;
}
.blog-main .art-right .art-title a:hover{
    color:#ED4040;
}
.blog-main .nav-r ul li{
    text-align: left;
    text-indent: 5px;
}

.blog-main .nav-r .item{
    font-size: 14px;
    position: relative;
}
.blog-main .nav-r .item .bj{
    color:#ED4040;
}
.blog-main .nav-r .item a:hover{
    color:#ED4040;
}
.blog-main .nav-live ul .item{
    padding-left: 20px;
}
.blog-main .nav-live ul .item:after{
    content: "";
    width: 10px;
    border-radius: 100%;
    height: 10px;
    background-color: black;
    position: absolute;
    left: 10px;
    z-index: 199815;
    top: 15px;
    bottom: 0;
}
.blog-main .art-content{
    padding-bottom: 10px;
}
.blog-main .art-content .art-title{
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed grey;
}
.blog-main .art-content .art-title p{
    margin-top: 15px;
}
.blog-main .art-content .art-title p span{
    margin-right: 10px;
}
.blog-main .art-content .zhengwen{
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 35px;
    font-size: 16px;
    overflow: hidden;
}
.blog-main .art-content .zhengwen img{
    max-width: 100%;
}
.blog-main .art-content .zhengwen table tr td{
    border:1px solid black ;
}
.blog-main .art-next a{
    display: block;
    font-size: 16px;
    line-height: 36px;
}
.blog-main .art-next a:hover{
    color: #ED4040;
}
.blog-main .art-next a:last-child{
    border-top:1px solid grey;
}
/* comments css*/

.comments .ct{
    line-height: 36px;
    font-size: 16px;
    border-bottom: 1px solid #eee9e9;
}
.comments .ct span{
    font-size: 14px;
}
.comments .ct .renshu,
.comments .ct .comments-number{
    color: #ED4040;
}
.comments-list ul li{
    margin-top: 15px;
    border-bottom: 1px dashed #eee9e9;
    padding-bottom: 10px;
    display: flex;
    justify-content: left;
}
.comments-list ul li:last-child{
    border:unset;
}

.comments-list ul li .cm-right,
.comments-list ul li .cm-left
{
    float: left;
}
.comments-list .ua{
    width: 50px;
    height: 50px;
}
.comments-list .cm-right{
    width: 93%;
}
.comments-list .cm-right p span{
    margin-left: 15px;
    margin-right: 15px;
}
.comments-list .cm-right p .date{
    color: grey;
    margin-left: unset;
}
.comments-list .cm-right .cmcontents{
    margin-left: 15px;
    line-height: 30px;
    font-size: 12px;
}
.comments-list .cm-right .userattr{
    position: relative;
    padding-right: 15px;
}
.comments-list .cm-right .userattr .rep{
    position: absolute;
    right: 0;
    top:0;
    bottom:0;
    border: unset;
    background: unset;
    cursor:pointer;
}
.comments-list .cm-right .userattr .rep .icon-xiaoxi{
    font-size: 24px;
}
.comments-list .comment-form {
    margin-top: 15px;
}
.comments-list .cm-right .cmcontents .cbox .urp{
    color: cornflowerblue;
}
.comments-list .page-btn-box{
    text-align: center;
}
.comments-list .page-btn-box button{
    background-color: grey;
    border-radius: 25px;
}
/*login register css*/
.lrbox{
    width: 600px;
    background-color: white;
    padding: 10px;
    margin: 0 auto;
    /*margin-top: 15px;*/
    display: flex;
    justify-items: left;
}
.lrbox .left{
    margin-right: 20px;

}
.lrbox .right{
    width: 100%;
    margin-top: 30px;
    margin-right: 20px;
}
.lrbox .lr-title{
    text-align: center;
    font-weight: 700;
}
.lrbox .layui-form{
    margin-top: 30px;
}
.lrbox .right .ot-action{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.lrbox .right .ot-action a:first-child{
    color: #FD482C;
}
.lrbox .right .ot-login{
    margin-top: 30px;
    display: flex;
    justify-content: flex-start;
    line-height: 24px;
}
.lrbox .right .ot-login a{
    text-indent: 15px;
}
.lrbox .right .ot-login .layui-icon{
    font-size: 35px;
}
.lrbox .right .ot-login a:nth-child(2){
    color: #FD482C;
}
.lrbox .right .ot-login a:nth-child(3){
    color: darkgreen;
}
.lrbox .right .rexy{
    color: red;
}

/*shop css*/
.shop-main{
    margin-top: 80px;
}
.shop-main .panel{
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.shop-main .cate{
    padding-top: 10px;
    text-align: center;
    padding-bottom: 10px;
}

.shop-main .cate ul li{
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    overflow: hidden;
    font-weight: 500;
}
.shop-main .cate ul .title{
    margin-bottom: 5px;
}
.shop-main .panel .title h2{
    color: #ED4040;
    font-size: 24px;
}
.shop-main .cate-parent{
    background-color: #ED4040;
}
.shop-main .cate-parent a{
    color: white;
}
.shop-main .shop-box:hover{
    box-shadow: 0px 1px 1px 1px gainsboro;
}
.shop-main .shop-right .panel{
    margin-bottom: unset;
}
.shop-main .shop-right .right-cate{
    line-height: 40px;
}
.shop-main .shop-right .right-cate a{
    padding: 5px;
    font-size: 16px;
}
.shop-main .shop-right .right-cate a:hover{
    color: white;
    background-color: #a4d4f8;
    border-radius: 5px;
}
.shop-main .shop-right .right-cate .sr-this{
    color: white;
    background-color: #a4d4f8;
    border-radius: 5px;
}
.shop-main .shop-right .photo img{
    width: 100%;
    height: 170px;
}
.shop-main .shop-right .shop-item{
    margin-top: 15px;
}
.shop-main .shop-right .shop-item .title{
    line-height: 24px;
    overflow: hidden;
    max-height: 24px;
}
.shop-main .shop-right .shop-item .desc{
    margin-top: 10px;
    line-height: 24px;
    color: #979292;
    height:24px;
    overflow: hidden;
}
.shop-main .shop-right .shop-item .price{
    margin-top: 10px;
    margin-bottom: 10px;
}

.shop-main .shop-right .shop-item .discount-price{
    color: #ED4040;
}

.shop-main .shop-box a{
    display: block;
    position: relative;
}
.shop-main .shop-box a .top-rec{
    background-color: #ED4040;
    font-weight:700;
    color: white;
    position: absolute;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    left: 0;
    top:0;
}
.shop-main .shop-content{
    padding: 10px;
}
.shop-main .shop-content .sc-left,
.shop-main .shop-content .sc-right {
    float: left;
}
.shop-main .shop-content .sc-left img{
    width: 260px;
}

.shop-main .shop-content .sc-right .shop-title{
    margin-top: 15px;
}
.shop-main .shop-content .sc-right{
    margin-left: 15px;
    width: calc(100% - 15px - 260px);
}
.shop-main .shop-content .shop-attr{
    margin-top: 20px;
}
.shop-main .shop-content .shop-attr a{
    /*font-size: 12px;
    padding-left: 15px;
    padding-top: 10px; ;
    padding-bottom: 10px;
    padding-right: 10px;
    background-color: #DEF6FF;
    border-radius: 5px;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 10px;*/
    color: #2c3e50;
    padding: 5px 32px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 10px;
}

.shop-main .shop-content .shop-attr a:nth-child(8n-7) { background: #def6ff }
.shop-main .shop-content .shop-attr a:nth-child(8n-6) { background: #f2fbf2 }
.shop-main .shop-content .shop-attr a:nth-child(8n-5) { background: #f8f3fe }
.shop-main .shop-content .shop-attr a:nth-child(8n-4) { background: #fff7f0 }
.shop-main .shop-content .shop-attr a:nth-child(8n-3) { background: #fff3f3 }
.shop-main .shop-content .shop-attr a:nth-child(8n-2) { background: #edf9fe }
.shop-main .shop-content .shop-attr a:nth-child(8n-1) { background: #f1f3fd }
.shop-main .shop-content .shop-attr a:nth-child(8n) { background: #def6ff }


.shop-main .shop-content .author{
    margin-top: 10px;
}
.shop-main .shop-content .author a{
    position: relative;
    padding-right: 15px;
    display: block;
}
.shop-main .shop-content .author .avatar{
    width: 50px;
    height: 20px;
    float: left;
}
.shop-main .shop-content .author .author-content{
    margin-left: 15px;
    line-height: 24px;
    float: left;
}
.shop-main .shop-content .author .author-content .jianjie{
    height: 24px;
    overflow: hidden;
    color: #BBBBBB;
}
.shop-main .shop-content .author .direction{
    color: #BBBBBB;
    position: absolute;
    right: 0;
    top:0;
    bottom: 0;
    margin: auto;
    width: 24px;
    height: 24px;
}
.shop-main .shop-content .author .direction .layui-icon{
    font-size: 24px;
}
.shop-main .playbox{
    margin-top: 20px;
    display: flex;
    justify-content: center;
}
.shop-main .playbox a{
    display: inline-block;
    width: 50%;
    line-height: 60px;
    font-size: 18px;
    height: 60px;
    text-align: center;
    font-weight: 700;
    color: white;
}
.shop-main .playbox .down{
    background-color: #FF7300;
}
.shop-main .playbox .top-up{
    background-color: #FF2D00;
}
.shop-main .sc-right .app-desc {
    margin-top: 15px;
}
.shop-main .sc-right .app-desc .content{
    line-height: 24px;
    color: #BBBBBB;
}
.shop-main .sc-right .app-desc .content .details-jianjie *{
    color: black;
}
.shop-main .sc-right .app-desc .content *{
    line-height: 24px;
    color: #BBBBBB;
}
.shop-main .sptext-box{
    margin-top: 15px;
}
.shop-main .sptext-box .sp-details,
.shop-main .sptext-box .paysm
{
    line-height: 28px;
    font-size: 14px;
}
.shop-main .sptext-box .sp-details img{
    max-width: 100%;
}
.shop-main .shop-new,
.shop-main .shop-hot {
    padding: 10px;
}

.shop-main .shop-new .ns-time-line{
    margin-top: 15px;
    font-size: 14px;
}
.shop-main  .sp-hot-list{
    margin-top: 15px;
}
.shop-main  .sp-hot-list  li{
    height: 40px;
    overflow: hidden;
}
.shop-main  .sp-hot-list  li a{
    font-size: 14px;
    color: #01AAED;
    line-height: 40px;
    padding-right: 100px;
    position: relative;
    display: block;
}

.shop-main  .sp-hot-list  li a .icon-huore{
    color: #ED4040;
}
.shop-main .sp-hot-list li a .downum {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 40px;
    text-align: right;
    color: #c2c2c2;
}

/*user jianjie css*/
.user-jianjie{
    margin-top: 80px;
}
.user-jianjie .user-info{
    background-color: white;
}
.user-jianjie .user-info .up{
    height: 120px;
}
.user-jianjie .user-info  .up  .up-l,
.user-jianjie .user-info  .up  .up-r{
    float: left;
    width: 50%;
    height: 120px;
    position: relative;
}

.user-jianjie .user-info  .up  .up-l .u-l-box{
    height: 80px;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    margin:  auto 0;
    display: flex;
    justify-content: flex-start;
    align-items:center;/*垂直居中*/
}
.user-jianjie .user-info  .up  .up-l .u-l-box{
    line-height: 24px;
}
.user-jianjie .user-info  .up  .up-l .u-l-box .u-l-info{
    margin-left: 10px;
}
.user-jianjie .user-info  .up  .up-l .u-l-box .u-l-info .sign{
    color: grey;
}


.user-jianjie .user-info  .up  .up-l .avatar{
    height: 70px;
    width: 70px;
    border-radius: 50%;
    border: 1px solid grey;
    padding: 4px;
}
.user-jianjie .user-info  .up  .up-l .avatar img{
    border-radius: 50%;
    height: 70px;
    width: 70px;
}
.user-jianjie .user-info  .up  .up-r{
    line-height: 120px;
    font-size: 24px;
}
.user-nav-container{
    margin-top: 15px;
}
.user-jianjie .user-info  .up  .up-r .days{
    font-weight: 700;
    color: #FF2D00;
}
.user-jianjie .user-nav-list-box{
    padding: 10px;
}
.user-jianjie .user-nav-list-box ul li{
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
}
.user-jianjie .user-nav-this{
    background-color:#FF2D00 ;
}
.user-jianjie .user-nav-this a{
    color: white;
}
.user-jianjie .user-nav-content{
    padding: 10px;
}
.user-jianjie .user-nav-content .ujj{
    line-height: 24px;
    font-size: 14px;
}
.user-jianjie .user-nav-content .ujj *{
    line-height: 24px;
    font-size: 14px;
}
.user-jianjie .comments-tab ol li{
    border-bottom: 1px  dashed gainsboro;
    line-height: 24px;
    margin-bottom: 15px;
}
.user-jianjie .comments-tab ol li .username{
    color: #FF2D00;
}
.user-jianjie .comments-tab ol li .title{
     color: #1883C8;
 }
.user-jianjie .comments-tab ol li div:nth-child(1){
    /*float: left;*/
    /*margin-right: 15px;*/
}
.user-jianjie .comments-tab ol li div:nth-child(2){
    color: grey;
}


/* user main css*/
.user-main{
    margin-top: 80px;
}
.user-main .user-info{
    background-color: white;
}
.user-main .user-info .up{
    height: 120px;
}
.user-main .user-info  .up  .up-l,
.user-main .user-info  .up  .up-r{
    float: left;
    width: 50%;
    height: 120px;
    position: relative;
}

.user-main .user-info  .up  .up-l .u-l-box{
    height: 80px;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    margin:  auto 0;
    display: flex;
    justify-content: flex-start;
    align-items:center;/*垂直居中*/
}
.user-main .user-info  .up  .up-l .u-l-box{
    line-height: 24px;
}
.user-main .user-info  .up  .up-l .u-l-box .u-l-info{
    margin-left: 10px;
}
.user-main .user-info  .up  .up-l .u-l-box .u-l-info .sign{
    color: grey;
}


.user-main .user-info  .up  .up-l .avatar{
    height: 70px;
    width: 70px;
    border-radius: 50%;
    border: 1px solid grey;
    padding: 4px;
}
.user-main .user-info  .up  .up-l .avatar img{
    border-radius: 50%;
    height: 70px;
    width: 70px;
}
.user-main .user-info  .up  .up-r{
    text-align: right;
}
.user-main .user-info  .up  .up-r a{
    display: inline-block;
    padding: 10px;
    color: white;
    background-color: #FF2D00;
    height: 20px;
    margin-top: 35px;
}
.user-mian .user-nav-container{
    margin-top: 15px;
}
.user-main .user-info  .up  .up-r .days{
    font-weight: 700;
    color: #FF2D00;
}
.user-main .user-nav-list-box{
    padding: 10px;
}
.user-main .user-nav-list-box ul li{
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
}
.user-main .user-nav-this{
    background-color:#FF2D00 ;
}
.user-main .user-nav-this a{
    color: white;
}
.user-main .user-nav-content{
    padding: 10px;
}
.user-main .user-nav-content .user-info li{
    margin-bottom: 10px;
    line-height: 24px;
    border-bottom: 1px dashed gainsboro;
    min-height: 40px;
    padding: 5px;
}
.user-main .user-nav-content .user-info li .avatar{
    width: 50px;
    height: 50px;
}
.user-main .user-nav-content .cart-box li a{
    display: block;
    border-bottom: 1px dashed gainsboro;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 130px;
    position: relative;
}
.user-main .user-nav-content .cart-box li a .date{
    position: absolute;
    top:0;
    bottom:0;
    right: 0;
    margin: auto;
    height: 18px;

}